import React, {Component} from 'react';

// 反向继承
export default (WrappedCMP) => class MyContainer extends WrappedCMP {
  // render () {
  //   if (this.props.login) {
  //     return super.render();
  //   } else {
  //     return null;
  //   }
  // }

  // render () {
  //   const elementsTree = super.render();
  //   let newProps = {};
  //   if (elementsTree && elementsTree.type === 'input') {
  //     newProps = {
  //       value: 'may the force be with you'
  //     };
  //     const props = Object.assign({}, elementsTree.props, newProps);
  //     const newElementsTree = React.cloneElement(elementsTree, props, elementsTree.props.children);
  //     return newElementsTree;
  //   }
  // }
  render () {
    return (
      <div>
        <h2>HOC Debugger Component</h2>
        <p>Props</p> <pre>{JSON.stringify(this.props, null, 2)}</pre>
        <p>State</p> <pre>{JSON.stringify(this.state, null, 2)}</pre>
        {
          super.render()
        }
      </div>
    )
  }
}
